<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新美星人才库简历收集程序</title>
    <script src="http://wx.newamstar.com:8078/newstar/public/js/jquery.min.js"></script>
    <script src="http://wx.newamstar.com:8078/newstar/public/js/layui.js"></script>
    <link rel="stylesheet" href="http://wx.newamstar.com:8078/newstar/public/css/layui.css">
    <link rel="stylesheet" href="http://wx.newamstar.com:8078/newstar/public/css/layui.mobile.css">
</head>
<body>
{{--    http://wx.newamstar.com:8078/newstar/public/js/config.js--}}
<div>
    <ul>
        <li>
            <h1 style="text-align: center;background-color:orangered">企业介绍</h1>
            <p>中国高端液体（饮料）包装机械研发与制造基地，致力于为液态产品智能工厂提供产存一体化整体解决方案的总集成总承包服务，股票代码300509。</p>
            <p>长期以来，新美星始终坚持“创新驱动发展、品质赢得市场”的理念，在饮料、乳品、酒类、调味品和日化品五大领域精耕细作，为全球用户提供水处理、前调配、吹瓶 、灌装、 二次包装、搬运机器人、智能立体仓库等成套智能装备及全面解决方案，实现着“中国装备 装备世界”的梦想。</p>
            <p>从配方工艺支持 、产品瓶型的三维设计到用户工厂的整体工程布局，从核心装备的研发设计 、工程项目的安装调试再到操作人员的多维度培训。</p>
        </li>
        <li></li>
        <li></li>
    </ul>
</div>
<div style="height: 20px;width: 100%"></div>
<form class="layui-form" action="">
    <div class="layui-form-item">
        <label class="layui-form-label">姓名:</label>
        <div class="layui-input-block">
            <input type="text" name="xm" lay-verify="title" autocomplete="off" placeholder="请输入姓名" class="layui-input xm">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">学校:</label>
        <div class="layui-input-block">
            <input type="text" name="xx" lay-verify="title" autocomplete="off" placeholder="请输入学校" class="layui-input xx">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">专业:</label>
        <div class="layui-input-block">
            <input type="text" name="zy" lay-verify="title" autocomplete="off" placeholder="请输入专业" class="layui-input zy">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">性别:</label>
        <div class="layui-input-block">
            <select name="xb" lay-filter="aihao">
                <option value=""></option>
                <option value="1" selected="">男</option>
                <option value="2">女</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">应聘岗位:</label>
        <div class="layui-input-block">
            <select name="gw" lay-filter="aihao">
                <option value=""></option>
                <option value="1" selected="">电器设计1</option>
                <option value="2">电器设计2</option>
                <option value="2">电器设计3</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">期望薪资:</label>
        <div class="layui-input-block">
            <input type="text" name="qwxz" lay-verify="title" autocomplete="off" placeholder="请输入期望薪资" class="layui-input qwxz">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">简历上传:</label>
        <button type="button" class="layui-btn" id="test3">点击选择简历</button>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">操作:</label>
        <button type="button" class="layui-btn" id="savedata">确认提交</button>
    </div>
</form>
<style>
    *{padding: 0;margin: 0;}
    li{list-style: none}
    p{font-size: 13px;text-indent: 2em;}
    .layui-form-label{width: 50px!important;}
    .layui-input-block{margin-left: 90px!important;}
    .layui-form-item .layui-form-label{overflow: visible!important; }
</style>
<script>
    $(function () {
    $("#savedata").on("click",function () {
        //console.log(json);
        let xm = $(".xm").val(),xx = $(".xx").val(),zy = $(".zy").val(),qwxz = $(".qwxz").val();
        if(!xm){
            layer.msg("姓名不能为空")
            return false;
        }
        if(!xx){
            layer.msg("学校不能为空")
            return false;
        }
        if(!zy){
            layer.msg("专业不能为空")
            return false;
        }
        if(!qwxz){
            layer.msg("期望薪资不能为空")
            return false;
        }
        $.ajax({
            url:"http://wx.newamstar.com:8078/jiane/public/saveResumeData",
            type:"post",
            data:getFormJson(),
            success:function (res) {
                console.log(res);
            },
            error:function (error) {
                console.log(error);
            }
        })
    })
    })

    function getFormJson(form) {
        var o = {};
        var a = $("form").serializeArray();
        $.each(a, function () {
            if (o[this.name] !== undefined) {
                if (!o[this.name].push) {
                    o[this.name] = [o[this.name]];
                }
                o[this.name].push(this.value || '');
            } else {
                o[this.name] = this.value || '';
            }
        });
        return o;
    }
    layui.use(['upload', 'element', 'layer'], function(){
        var $ = layui.jquery
            ,upload = layui.upload
            ,element = layui.element
            ,layer = layui.layer;
        //指定允许上传的文件类型
        upload.render({
            elem: '#test3'
            ,url: 'http://wx.newamstar.com:8078/newstar/public/upload_resume' //此处配置你自己的上传接口即可
            ,accept: 'file' //普通文件
            ,done: function(res){
                layer.msg('恭喜你，已经成功发送简历至新美星。。。。。公司的人才库，我们将尽快与您获得联系', {
                    icon: 1,
                    time: 5000 //2秒关闭（如果不配置，默认是3秒）
                }, function(){
                    //do something
                });
                //layer.msg('恭喜你，已经成功发送简历至新美星。。。。。公司的人才库，我们将尽快与您获得联系',5000);
                console.log(res);
            }
        });
        // upload.render({ //允许上传的文件后缀
        //     elem: '#test4'
        //     ,url: '' //此处配置你自己的上传接口即可
        //     ,accept: 'file' //普通文件
        //     ,exts: 'zip|rar|7z' //只允许上传压缩文件
        //     ,done: function(res){
        //         layer.msg('上传成功');
        //         console.log(res)
        //     }
        // });








    });
    //layui.use(['upload', 'element', 'layer'], function(){
        // let $ = layui.jquery
        //     ,upload = layui.upload
        //     ,element = layui.element
        //     ,layer = layui.layer;
        // let username = $(".username").html(),account = $(".account").html();
        //
        // let uploadInst = upload.render({
        //     elem: '#test3'
        //     ,url: 'http://wx.newamstar.com:8078/newstar/public/upload_resume'
        //     ,before: function(obj){
        //         this.data={"username":username,"account":account}//携带动态参数
        //
        //         element.progress('demo', '0%'); //进度条复位
        //         layer.msg('上传中', {icon: 16, time: 0});
        //     }
        //     ,done: function(res){
        //         //如果上传失败
        //         if(res.code > 0){
        //             return layer.msg('上传失败');
        //         }
        //         console.log(res);
        //         //上传成功的一些操作
        //         //……
        //         $('#demoText').html(''); //置空上传失败的状态
        //     }
        //     ,error: function(){
        //         //演示失败状态，并实现重传
        //         var demoText = $('#demoText');
        //         demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
        //         demoText.find('.demo-reload').on('click', function(){
        //             uploadInst.upload();
        //         });
        //     }
        //     //进度条
        //     ,progress: function(n, elem, e){
        //         $(".progress_line").show();
        //         element.progress('demo', n + '%'); //可配合 layui 进度条元素使用
        //         if(n == 100){
        //             $(".progress_line").hide();
        //             //layer.msg('上传完毕', {icon: 1});
        //             layer.msg('上传完毕', {
        //                 icon: 1,
        //                 time: 1000 //2秒关闭（如果不配置，默认是3秒）
        //             }, function(){
        //                 //do something
        //                 console.log()
        //             });
        //
        //
        //
        //         }
        //     }
        // });
   // });

</script>
</body>
</html>



